<template>
  <div>
    <p>1. 获取原生DOM元素</p>
    <h1 id="h" ref="myh">我是一个孤独可怜又能吃的h1</h1>
    <Demo ref="D"></Demo>
  </div>
</template>

<script>
import Demo from "./components/Child/Demo.vue";
export default {
  //dom元素生成后才可以获取
  mounted() {
    console.log(document.querySelector("#h")); //可以拿到
    console.log(this.$refs.myh); //ref $refs. 配合也可以拿到

    //获取组件
    console.log(this.$refs.D);
    //获取组件 调用组件里的方法
    this.$refs.D.fn();
  },
  components: {
    Demo,
  },
};
</script>

<style>
</style>